* {
    border: none;
    border-radius: 0;
    font-family: sans-serif;
    font-size: 14px;
    min-height: 0;
}

#window {
    background-color: #24283b;
    border-radius: 5px;
    margin: 5px;
    padding: 5px;
    color: #9ece6a;
    font-family: monospace;
}

window#waybar {
    background: transparent;
    color: white;
}

#workspaces {
	background-color: #24283b;
	margin: 5px;
	margin-left: 10px;
	border-radius: 5px;
}
#workspaces button {
    padding: 5px 10px;
    color: #c0caf5;
}

#workspaces button.active {
    color: #24283b;
    background-color: #7aa2f7;
    border-radius: 5px;
}

#workspaces button.hover {
	background-color: #7dcfff;
	color: #24283b;
	border-radius: 5px;
}

#custom-date, #clock, #tray, #network {
	background-color: #24283b;
	padding: 5px 10px;
	margin: 5px 0px;
}

#tray {
    border-radius: 5px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 5px 10px;
}

#custom-date {
	color: #7dcfff;
}

#custom-power {
	color: #24283b;
	background-color: #db4b4b;
	border-radius: 5px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 5px 10px;
}

#clock {
    color: #b48ead;
    border-radius: 0px 5px 5px 0px;
    margin-right: 10px;
}

#network {
	color: #f7768e;
	border-radius: 5px 0px 0px 5px;
}

menu {
	border-radius: 10px;
	background: #161320;
	color: #B5E8E0;
}

menuitem {
	border-radius: 10px;
}
